<?php 
$this->output->set_header("HTTP/1.0 200 OK");
$this->output->set_header("HTTP/1.1 200 OK");
$this->output->set_header('Last-Modified: '.date('D, d M Y H:i:s').' GMT');
$this->output->set_header("Cache-Control: no-store, no-cache, must-revalidate");
$this->output->set_header("Cache-Control: post-check=0, pre-check=0");
$this->output->set_header("Pragma: no-cache");
$this->output->set_content_type('text/html; charset=utf-8');
$this->load->helper('url');
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><?php echo isset($title) ?  $title :  "www.nec.psu.ac.th"; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Le styles -->
    <link href="<?php echo base_url('bootstrap/css/bootstrap.css');?>" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
      }
/* Sidenav for Docs
-------------------------------------------------- */

.bs-docs-sidenav {
  width: 228px;
  margin: 20px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}
      
      .container-fluid > hr {
        margin: 60px 0;
      }
      
      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 1em 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 50px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

/* Footer
-------------------------------------------------- */

.footer {
  text-align: center;
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}
      
      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>
    <link href="<?php echo base_url('bootstrap/css/bootstrap-responsive.css');?>" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="<?php echo base_url('bootstrap/js/html5shiv.js');?>"></script>
    <![endif]-->
</head>
<body>
    <div class="navbar  navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="brand" href="#">PSU NEC</a>
          <div class="nav-collapse collapse">
            <ul class="nav nav-pills pull-right">
              <?php
              $page_controller = $this->uri->segment(1) or $page_controller = "";
              $array_headnav[0][label]  = "Home";
              $array_headnav[0][link]  = "";
              $array_headnav[1][label]  = "About NEC";
              $array_headnav[1][link]  = "nec_vision_mission";
              $array_headnav[2][label]  = "Contact US";
              $array_headnav[2][link]  = "nec_contact";
             foreach ($array_headnav as $key_headnav => $value_headnav) {
               $navacc = ($value_headnav[link]==$page_controller) ?  "active": "" ;
                ?>
              <li class="<?php echo $navacc?>"><?php echo anchor($value_headnav[link], $value_headnav[label])?></li>  
                <?php
             }
              ?>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
  
      <div class="container-fluid">
      <div class="row-fluid">
          <div class="span3">
            <ul class="nav nav-list bs-docs-sidenav affix">
              <li <?php if(empty($page_controller)) {?>class="active"<?php }?>><?php echo anchor('/', '<i class="icon-chevron-right"></i> หน้าหลัก') ?></li>
              <li <?php if($page_controller=='nec_vision_mission') {?>class="active"<?php }?>><?php echo anchor('nec_vision_mission', '<i class="icon-chevron-right"></i> รายละเอียดโครงการ') ?></li>
              <li <?php if($page_controller=='nec_staff') {?>class="active"<?php }?>><?php echo anchor('nec_staff', '<i class="icon-chevron-right"></i> ทีมงาน NEC ม.อ.') ?></li>
              <li <?php if($page_controller=='nec_support') {?>class="active"<?php }?>><?php echo anchor('nec_support', '<i class="icon-chevron-right"></i> การสนับสนุน') ?></li>
              <li <?php if($page_controller=='nec_contact') {?>class="active"<?php }?>><?php echo anchor('nec_contact', '<i class="icon-chevron-right"></i> ติดต่อเรา') ?></li>
            </ul>
        </div><!--/span-->
        <div class="span9">